
/* 
	https://blog.csdn.net/qq_53985958/article/details/125510763
	
	https://blog.csdn.net/weixin_49175501/article/details/116997907
 */
.Tbox1{
	width: 500px;
	height: 300px;
	background-color: aquamarine;
	overflow: hidden;//解决下面 Tbox2 margin: 100px auto; 同时下移100问题
}

.Tbox2{
	width: 200px;
	height: 100px;
	background-color: lightpink;
	margin: 100px auto;
}

/*
	弹性布局: display:flex;
 */
.Tbox3{
	width: 500px;
	height: 300px;
	margin-top: 20px;
	background-color: aquamarine;
	display: flex;
	/*主轴-x轴：居中* 推荐使用这种方式/
	justify-content: center;
}

.Tbox4{
	width: 200px;
	height: 100px;
	background-color: lightpink;
}